<{include file=$module.'/header.php'}>
<style type="text/css">
	#page-manage-home .store-cate li a{width: 25%;}
</style>
<div class="page" id="page-manage-home">
	<header class="bar bar-nav common-bar-nav" style="border-bottom: 0">
		<h1 class="title"><{$setting.site.site_name}></h1>
	</header>
	<{include file=$module.'/nav.php'}>
	
	<div class="content">
		<{if $ads}>
		<!-- 幻灯栏 -->
		<div id="index-focus" class="index-focus">
			<div class="hd">
				<ul></ul>
			</div>
			<div class="bd">
				<ul>
					<{foreach $ads as $val}>
					<li><a class="external" href="<{$val.url}>"><img src="<{$val.img}>" height='80' /></a></li>	
					<{/foreach}>		
				</ul>
			</div>
		</div>
		<{/if}>

		<ul class="store-cate">
			<{if $cates}>
			<{foreach $cates as $val}>
			<li>
				<{if $val.url}>
				<a href="/index/<{$val.url}>/index" class="shop external">
				<{else}>
				<a href="/index/<{$val.url}>/<{$type}>" class="shop external">
				<{/if}>
                    <p><{$val.name}></p>
                </a>
            </li>
            <{/foreach}>
            <{/if}>
		</ul>
	</div>
	
</div>

<script src="/static/app/js/niu-slider.js"></script>

<script>
$(function () {
	TouchSlide({ 
		slideCell:"#index-focus",
		titCell:".hd ul", //开启自动分页 autoPage:true ，此时设置 titCell 为导航元素包裹层
		mainCell:".bd ul", 
		effect:"leftLoop", 
		autoPlay:true,//自动播放
		autoPage:true //自动分页
	});
});
</script>
<{include file=$module.'/footer.php'}>